<!DOCTYPE html>
<!-- saved from url=(0046)https://www.jq22.com/demo/appfwpj202106072241/ -->
<html style="font-size: 52px;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<title>服务评价</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="./css/style.css">
		<script src="./js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body style="font-size: 12px;">
		<!--返回-->
		<div class="top">
			<span style="margin-left: 17px;">
			工号：<input placeholder="请输入工号" id="name"/>
			</span>
			
		</div>
		<!--服务评价-->
		<div class="fwpj">
			<span>服务评价</span>
			<div class="star">
				<span class="on"></span>
				<span class="on"></span>
				<span class="on"></span>
				<span class="on"></span>
				<span></span>
			</div>
		</div>
		<div class="form-box">
			<!--具体说说看-->
			<div class="jtssk">
				<p class="title"><span>-</span>具体说说看<span>-</span></p>
				<div class="items">
					<div class="item">
						<span>专业性</span>
						<div class="star">
							<span class="on"></span>
							<span class="on"></span>
							<span class="on"></span>
							<span class="on"></span>
							<span></span>
						</div>
					</div>
					<div class="item">
						<span>服务态度</span>
						<div class="star">
							<span class="on"></span>
							<span class="on"></span>
							<span class="on"></span>
							<span class="on"></span>
							<span></span>
						</div>
					</div>
					<div class="item">
						<span>时效性</span>
						<div class="star">
							<span class="on"></span>
							<span class="on"></span>
							<span class="on"></span>
							<span class="on"></span>
							<span></span>
						</div>
					</div>
				</div>
			</div>
			<!--选择标签-->
			<div class="xzbq">
				<p class="title"><span>-</span>选择或自定义任一标签<span>-</span></p>
				<div class="tags">
					<ul>
						<li class="on">专业性强</li>
						<li class="on">态度谦和</li>
						<li>声音甜美</li>
						<li>速度很快</li>
						<li>专业性强</li>
						<li>态度谦和</li>
						<li>声音甜美</li>
						<li>速度很快</li>
					</ul>
				</div>
			</div>
			<div class="remark">
				<textarea name="content" placeholder="说点什么吧..."></textarea>
			</div>

		</div>
		<div class="submit">			
			<button id="submit">提交</button>
		</div>
	


<script type="text/javascript">
	// 评价打分
	$('.star span').click(function(){
		$(this).parent().find('span').removeClass('on')
		var index = $(this).index();
		$(this).parent().find('span').each(function(){
			if(index<0){
				return
			}
			$(this).addClass('on');
			index--
		})
	})
	// 标签选择
	$('.tags ul li').click(function(){
		$(this).toggleClass('on')
	})
	// 提交
	$('#submit').click(function(){
		
		 var name = document.getElementById("name").value;
		 if (name == '123456') {
			alert("感谢评价，您的评价是我们前进的动力！")
		 }else {
			alert("工号不存在，请确认后再评价！");
		 }

	})
</script></body></html>